<!DOCTYPE HTML>
<html>
	<head>
		<title>
			Stalk2Inspire
		</title>
		<script src="<?php echo base_url()?>js/jquery.js"></script>
		<script src="<?php echo base_url()?>js/bookmarks.js"></script>
		<script src="<?php echo base_url()?>js/jquery.easing.1.3.js"></script>
		<script src="<?php echo base_url()?>js/jquery.tools.min.js"></script>
		
		<script>
		
	$(document).ready(function(e){
	
	$('#nav a').click(function(e){
	$('#nav li').removeClass('active');
	$(this).parent().addClass('active');
	});
	
	$('#main').load('<?php echo base_url()?>dashboard/stream');
	
	
	$('#apps_link').click(function(e){
	$('#main').load('<?php echo base_url()?>dashboard/apps');
	});
	
	$('#stream_link').click(function(e){
	$('#main').load('<?php echo base_url()?>dashboard/stream');
	});
	
	$('#profile_link').click(function(e){
	$('#main').load('<?php echo base_url()?>dashboard/profile');
	});
	});
	</script>
		
		<link rel="stylesheet" href="<?php echo base_url();?>css/bootstrap.css">
		<style>
			#tophead{
			background:black;
			height:55px;
			box-shadow:0px 1px 4px #000;
			}
			#logo{
			background:url(<?php echo base_url() ?>img/app/bar-dash.jpg) no-repeat;
			height:54px;
			}
			#main-page{
			margin-top:58px;
			
			}
			#sidebar{
			
			min-height:500px;
			
			}
			#main-container{
			background: url(<?php echo base_url();?>img/app/sidebg.png) repeat-y;
			
			}
			.photo{
			width:120px;
			height:150px;
			background:white;
			box-shadow:2px 2px 5px #000;
			padding:5px;
			margin:10px auto;
			-webkit-transform:rotate(-10deg);
			}
			.photo img{
			border:1px groove #333;
			
			}
			#nav li.active{
			box-shadow:inset 0 0 5px black;
			background: red;
			border-radius:5px;
			
			}
		</style>
	</head>
	<body>
	<div id="tophead" class="topbar">
	<div class="container">
	<div class="row">
	<div class="span5" id="logo">
	<img src="<?php echo base_url()?>img/app/logo.png" height="55px">
	
	</div>
	<div class="span7 offset4" id="nav">
	<ul class="nav">
	<li class="active"><a class="dynamic" href="#" id="stream_link">Stream</a></li>
	<li><a class="dynamic" href="#" id="profile_link">My Profile</a></li>
	<li>
	<a href="#" id="apps_link">Apps</a>
	</li>	
	</ul>
	<form class="pull-left">
	<input type="search" class="span3" placeholder="Search..">
	</form>
	</div>
	
	</div>
	</div>
	</div>
	
	<div id="main-page">
	<div class="container" id="main-container">
	<div class="row">
	<div class="span3" id="sidebar">	
	<div class="photo">
	<img src="<?php echo base_url();?>img/profile/pp1.jpg" width="120px" height="120px">
	<strong>John Vandal</strong>
	</div>
	
	
	
	</div>
	<div class="span13" id="main">
	
	
	
	</div>
	</div>
	</div>
	
	</div>
	
	
	</body>
</html>
